<template>
  <div class="block timePicker">
    <span class="demonstration">开始日期：</span>
    <el-date-picker v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
  </div>
</template>
<script>
export default {
  name: "timePicker",
  data() {
    return {
      value1: ""
    };
  }
};
</script>
<style>
.timePicker {
  width: 300px;
}

.timePicker > span {
  width: 120px;
}
.el-date-editor.el-input {
  width: 180px;
}

.el-input--prefix .el-input__inner {
  padding-left: 45px;
}
.el-input__prefix {
  left: 150px;
}

.el-input__suffix {
  right: 150px;
}

.el-input__inner:focus {
  border-color: #e4e4e4;
}
</style>